/* ==========================================================================
   Arthemis New Fly · Design tokens
   Fonte da verdade: prototipo/Main.dc.html (tokensBase / tokens) e docs/design-tokens.json.
   Versão 1.2 · 18 out 2026.
   Tema escuro é o padrão. Para o claro: <html data-theme="light">.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap");

:root {
  /* ---------- Tipografia ---------- */
  --font-sans: "Hanken Grotesk", system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --text-display: 22px;   /* título do quadro, título da task no dialog */
  --text-h2: 20px;        /* título de página/painel (ex.: “Quadros”) */
  --text-h3: 16px;        /* título do card */
  --text-title: 15px;     /* título de coluna e de dialog */
  --text-body: 14px;      /* corpo padrão, inputs */
  --text-sm: 13px;        /* botões, itens de menu, texto de apoio */
  --text-xs: 12px;        /* chips, hints, erros, metadados */
  --text-2xs: 11px;       /* overline, pílulas, kbd */
  --text-3xs: 10px;       /* iniciais no avatar de 26px */

  --leading-tight: 1.3;
  --leading-normal: 1.4;
  --leading-relaxed: 1.55;

  --tracking-display: -0.015em;
  --tracking-title: -0.01em;
  --tracking-card: -0.005em;
  --tracking-overline: 0.1em;
  --tracking-menu-label: 0.08em;
  --tracking-chip-caps: 0.06em;

  /* ---------- Raios ---------- */
  --radius-xs: 5px;       /* checkbox 16px */
  --radius-tiny: 6px;     /* checkbox 18px (subtask), campo de descrição inline da coluna */
  --radius-thumb: 7px;    /* indicador do segmentado de densidade, campo de nome inline da coluna */
  --radius-sm: 8px;       /* chips, kbd, ícone de 30px, botão do toast */
  --radius-item: 9px;     /* item de combobox 36px, raio padrão do hover deslizante */
  --radius-md: 10px;      /* itens de menu, botões de 34–36px, busca do menu, linha da Listagem */
  --radius-btn-38: 11px;  /* botões de 38px (exceção: Propostas, na task) */
  --radius-lg: 12px;      /* botões de 40px, inputs, itens da sidebar */
  --radius-col-head: 13px; /* cabeçalho da coluna */
  --radius-xl: 14px;      /* campos 42–46px, toast, caixas de aviso, menus do card e da coluna */
  --radius-2xl: 16px;     /* dropdowns / popovers */
  --radius-card: 18px;    /* cards do kanban */
  --radius-dialog: 20px;  /* dialogs */
  --radius-column: 22px;  /* área da coluna */
  --radius-pill: 999px;
  --radius-round: 50%;

  /* ---------- Espaçamento (escala de 2px, usada de fato no código) ---------- */
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 18px;
  --space-10: 20px;
  --space-11: 22px;
  --space-12: 24px;
  --space-14: 28px;

  /* ---------- Alturas de controle ---------- */
  --control-2xs: 22px;    /* pílula */
  --control-xs: 26px;     /* botão fechar do toast, pílula de workflow */
  --control-sm: 32px;     /* botões compactos, hora */
  --control-md: 34px;     /* botões de dialog, ícone redondo */
  --control-lg: 36px;     /* gatilho de propriedade, busca de menu */
  --control-xl: 40px;     /* botão padrão, item de menu */
  --control-2xl: 44px;    /* input de formulário */
  --control-3xl: 46px;    /* busca global, seletor de empresa, “Nova task” da coluna */

  /* ---------- Layout ---------- */
  --rail-width: 76px;
  --panel-width: 268px;
  --column-width: 320px;
  --column-mini-width: 52px;
  --dialog-sm: 460px;
  --dialog-md: 720px;
  --dialog-lg: 960px;
  --dialog-top: clamp(24px, 9vh, 110px);
  --page-gutter: 28px;

  /* Calendário: geometria temporal, igual nos dois temas (proposta 26/10). */
  --calendar-hour-height: 64px;
  --calendar-time-gutter: 58px;
  --calendar-day-head: 66px;
  --calendar-week-min-width: 850px;
  --calendar-month-row-min: 124px;

  /* Listagem */
  --list-row: 42px;            /* linha padrão */
  --list-row-compact: 34px;    /* densidade compacta */

  /* Sheet da task */
  --sheet-main-width: 700px;   /* coluna principal */
  --sheet-panel-width: 460px;  /* painel lateral (Chat, Lembretes…) */
  --sheet-rail-width: 60px;    /* barra de painéis */

  /* Conversas */
  --chat-list-width: 372px;    /* lista de conversas (flex: 0 1 372px) */
  --chat-list-min: 290px;
  --chat-context-width: 300px; /* contexto da task ao lado do chat */
  --chat-tab-thin: 40px;       /* aba fina (lista recolhida) */

  /* Larguras de menus e popovers do quadro */
  --menu-context: 264px;       /* menu de contexto do card */
  --menu-column: 252px;        /* menu da coluna e seus submenus */
  --menu-filter-add: 360px;    /* Filtros: adicionar */
  --menu-filter-edit: 340px;   /* Filtros: editar condição */
  --menu-filter-range: 560px;  /* Filtros: “entre” datas (dois calendários) */
  --menu-views: 320px;         /* Visões salvas */
  --menu-family: 380px;        /* Família da task */
  --dialog-save-view: 440px;   /* dialog “Salvar visão” */

  /* ---------- Camadas ----------
     Regra: popover em camada fixa por cima de tudo da tela. O número depende da tela:
     quadro (Main) 172–176, task (TaskSheet) 400, configurações 90 (absolute) / 185. */
  --z-board: 1;
  --z-sidebar: 20;
  --z-card-open: 30;
  --z-card-flying: 40;      /* card no voo em grupo, setas do quadro */
  --z-hovercard: 60;
  --z-dropdown: 80;         /* dropdowns ancorados no cabeçalho (absolute) */
  --z-settings-dropdown: 90; /* dropdowns das telas de configuração (absolute) */
  --z-dialog: 150;          /* telas de configuração usam 180; ver inconsistências */
  --z-bulk-bar: 165;        /* barra de seleção do quadro */
  --z-dialog-nested: 170;   /* também o scrim da sheet da task */
  --z-sheet: 171;           /* sheet da task, popover Família */
  --z-urgente: 600;        /* mensagem urgente do chat: toma a tela, acima do tour (560) */
  --z-chat-col: 168;       /* coluna do chat aberta por cima (tela pequena ou módulo aberto, que fica em 160) */
  --z-chat-dock: 172;      /* dock do chat: por cima da task (171); some enquanto um dialog está aberto */
  --z-card-menu: 172;       /* menu de contexto do card, menu da coluna */
  --z-submenu: 173;         /* submenus desses menus */
  --z-board-popover: 174;   /* popovers da Listagem, Conversas e Filtros */
  --z-owner-popover: 175;   /* atendente e Iniciar conversa (Conversas), dialogs do menu do card */
  --z-save-view: 176;       /* dialog “Salvar visão” */
  --z-board-toast: 178;     /* toast único do quadro */
  --z-settings-dialog: 180;
  --z-settings-popover: 182;  /* popover aberto dentro de uma tela de configuração (ds-pop--settings) */
  --z-row-drag-line: 184;   /* linha de inserção ao arrastar linha da Listagem */
  --z-rel-peek: 201;        /* espiada dos Relatórios (véu 200); some enquanto a task está aberta por cima */
  --z-rel-tip: 450;         /* tooltip dos gráficos */
  --z-row-drag-copy: 185;   /* cópia da linha arrastada; popover de configurações (BoardData) */
  --z-row-drag-tag: 186;    /* etiqueta que segue a linha */
  --z-flight-lock: 190;
  --z-drag-ghost: 200;      /* fantasma do card arrastado (código: 200) */
  --z-fullscreen: 200;
  --z-confirm: 220;
  --z-module-layer: 300;   /* camada própria de um módulo por cima do quadro: Organizar barra, Agendar de Clientes (1.82) */
  --z-module-dialog: 400;  /* dialogs que abrem por cima de módulo: Criar quadro, Enviar para empresa, Migrar, Plano de foco (1.82) */
  --z-module-sheet: 420;   /* sheets de módulo e da task aberta por cima de módulo (1.82) */
  --z-module-popover: 450; /* popovers e camada de clicar fora dentro desses dialogs (1.82) */
  --z-busca: 500;          /* busca global (⌘K): por cima de tudo, abaixo só do toast (600) */
  --z-onboarding: 540;     /* onboarding de primeiro acesso (Conta, 1.147): por cima da busca */
  --z-tour: 560;           /* tour com destaque (ArtTour, 1.147): por cima do onboarding, abaixo do toast */
  --overlay-blur: 18px;     /* blur forte do véu, só da busca global; os dialogs seguem com 3px */
  --z-toast: 600;           /* pilha de toasts única (ArtToast): por cima de qualquer dialog (1.81) */
  --z-form-link: 260;       /* conexão da planilha (Formulários) */
  --z-focus-mode: 350;
  --z-popover: 400;         /* popovers da task (TaskSheet) */
  --z-floating-bar: 420;    /* barra de formatação e menu “/” do editor */
  --z-tooltip: 2147483000;

  /* ---------- Movimento ---------- */
  --ease: cubic-bezier(.2, .85, .25, 1);
  --ease-overshoot: cubic-bezier(.2, .9, .25, 1.06);
  --ease-toast: cubic-bezier(.2, .9, .25, 1.15);
  --ease-tooltip: cubic-bezier(.2, .9, .25, 1.12);
  --ease-switch: cubic-bezier(.2, .9, .25, 1.25);
  --ease-bounce: cubic-bezier(.22, 1.28, .36, 1);
  --ease-dialog: cubic-bezier(.2, .9, .25, 1.05);
  --ease-swatch: cubic-bezier(.2, .9, .25, 1.2);
  --ease-remove: cubic-bezier(.4, 0, .2, 1);
  --ease-glide: cubic-bezier(.2, .9, .25, 1);        /* hover deslizante */
  --ease-dock: cubic-bezier(.2, .9, .25, 1.02);      /* sheet encaixando / expandindo (Conversas) */
  --ease-group-fly: cubic-bezier(.3, .7, .25, 1);    /* voo em grupo (mover várias) */
  --ease-glow: cubic-bezier(.2, .8, .2, 1);          /* brilho e anel de pouso */
  --ease-row-land: cubic-bezier(.2, .9, .25, 1.08);  /* linha da Listagem pousando */
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-menu: 320ms;
  --duration-dialog: 380ms;
  --duration-layout: 400ms;
  --duration-flip: 440ms;
  --duration-shake: 440ms;
  --duration-land: 480ms;
  --duration-glide: 260ms;
  --duration-glide-fast: 150ms;   /* data-glide-fast (Listagem) */
  --duration-menu-open: 260ms;    /* menus do quadro: transform .26s, opacity .16s */
  --duration-menu-close: 120ms;
  --duration-dock: 500ms;
  --duration-group-fly: 620ms;
  --stagger-group-fly: 70ms;
  --duration-flash: 900ms;        /* brilho de card mexido (kxFlash, anel 10px) */
  --duration-landed-ring: 800ms;  /* anel do card que pousou (landedFlip, 12px) */
  --duration-row-land: 340ms;
  --duration-strip-pulse: 460ms;  /* faixa da coluna: scale 1 → 1.08 → 1 */
  --duration-chat-swap: 380ms;    /* troca de conversa: entra 30px no sentido da lista; a antiga sai em 230ms; cascata de 40ms; dados do contexto 300ms */
  --duration-density: 300ms;      /* altura da linha ao trocar densidade */
  --stagger-step: 28ms;
  --stagger-height: 35ms;         /* abrir/fechar grupos em massa */
  --toast-life: 3400ms;           /* toast único do quadro */
  --toast-life-action: 5200ms;    /* com ação (Desfazer) */
  --toast-life-stack: 3500ms;     /* pilha da task */
  --tooltip-delay: 600ms;
  --tooltip-delay-warm: 150ms;

  /* ---------- Acento (marca) ---------- */
  --accent: #8C72DB;
  --accent-08: rgba(140, 114, 219, .08);
  --accent-12: rgba(140, 114, 219, .12);
  --accent-14: rgba(140, 114, 219, .14); /* 1.13: polegar do Obrigatório no claro */
  --accent-16: rgba(140, 114, 219, .16);
  --accent-18: rgba(140, 114, 219, .18);
  --accent-20: rgba(140, 114, 219, .20);
  --accent-22: rgba(140, 114, 219, .22); /* 1.13: polegar do Obrigatório */
  --accent-30: rgba(140, 114, 219, .30);
  --accent-40: rgba(140, 114, 219, .40); /* 1.13: borda da linha obrigatória */
  --accent-45: rgba(140, 114, 219, .45); /* 1.13: contorno do polegar e do chip obrigatório */
  --accent-55: rgba(140, 114, 219, .55);
  --primary: #7558CC;           /* botão principal: branco sobre #8C72DB não passa no contraste */
  --on-primary: #FFFFFF;
  --on-accent: #1B1B1B;          /* texto sobre o acento puro (marca da empresa, + da dock) */
  --focus-ring: 0 0 0 3px var(--accent-18);
  --focus-ring-strong: 0 0 0 3px var(--accent-20);
  --error-ring: 0 0 0 3px rgba(224, 108, 117, .18);
  --danger-solid: #C2414D;      /* fundo do botão destrutivo (texto branco) */
  --toast-ok: #8FD86A;          /* ícone de check do toast, nos dois temas */

  /* ---------- Paleta única de 20 cores (ordem do seletor) ---------- */
  --color-green: #8FD86A;  /* Verde */
  --color-mint: #7FD1A8;  /* Menta */
  --color-teal: #5CC4BA;  /* Turquesa */
  --color-cyan: #56B9D9;  /* Ciano */
  --color-blue: #72A2DA;  /* Azul */
  --color-indigo: #7C8BE0;  /* Índigo */
  --color-purple: #8C72DB;  /* Roxo */
  --color-violet: #B07CE0;  /* Violeta */
  --color-pink: #E07AB4;  /* Rosa */
  --color-rose: #E8889A;  /* Rosé */
  --color-red: #E06C75;  /* Vermelho */
  --color-coral: #E8866A;  /* Coral */
  --color-orange: #DB8648;  /* Laranja */
  --color-amber: #E0A44E;  /* Âmbar */
  --color-yellow: #E2C25B;  /* Amarelo */
  --color-lime: #B5D95A;  /* Lima */
  --color-olive: #A9A85A;  /* Oliva */
  --color-brown: #B08A6A;  /* Marrom */
  --color-slate: #7E95A8;  /* Ardósia */
  --color-gray: #8E8E8E;  /* Sem cor */
}

/* ==========================================================================
   Tema escuro (padrão)
   ========================================================================== */
:root,
[data-theme="dark"] {
  /* Gráficos dos Relatórios (1.34): séries, grade, hachura e camadas próprias */
  --chart-made: #72A2DA;      /* criadas, no prazo */
  --chart-done: #8FD86A;      /* concluídas, em dia */
  --chart-late: #E06C75;      /* atrasadas, fora do prazo (sempre com hachura) */
  --chart-slow: #E0A44E;      /* a coluna mais lenta (gargalo) */
  --chart-neutral: #7E95A8;   /* outras colunas, série única */
  --chart-none: #6E6E6E;      /* sem prazo, sem prioridade */
  --chart-prev: #8E8E8E;      /* período anterior (linha tracejada) */
  --chart-grid: #333333;
  --chart-hatch-ink: rgba(0,0,0,.32);
  color-scheme: dark;
  --page: #1B1B1B;
  --rail: #151515;
  --panel: #1B1B1B;
  --surface: #262626;
  --mini: #222222;
  --chip: #1F1F1F;
  --dialog: #1F1F1F;
  --sheet: #1C1C1C;
  --sheet-rail: #171717;
  --menu: #262626;
  --dock: #222222;
  --hover: #303030;
  --hover-glide: rgba(255,255,255,.07);   /* fundo do hover deslizante (data-glide) */
  --hover-glide-over: rgba(255,255,255,.045);
  --scroll-thumb: rgba(128,128,128,.42);  /* rolagem fina, só no hover */
  --note-bg: rgba(226,194,91,.1);           /* nota interna do chat */
  --note-border: rgba(226,194,91,.45);
  --note-fg: #E2C25B;
  --bulk-bar-bg: #FFFFFF;                   /* barra de ações em massa: invertida */
  --bulk-bar-fg: #1B1B1B;
  --reminder-fg: #E9CF7A;                   /* sino do lembrete disparando (fundo: amarelo .18) */
  --reminder-bg: rgba(226,194,91,.18);
  --toast-action-bg: #EDEDED;               /* botão de ação no toast invertido */
  --unread-bg: #E06C75;                     /* contador de não lidas (lista de Conversas) */
  --tag: #303030;
  --kbd: #303030;
  --border: #303030;
  --border-hover: #474747;
  --switch-off: #474747;     /* 1.100: trilho do interruptor desligado; --border (#303030) sumia sobre --surface */
  --line: #262626;
  --dashed: #4A4A4A;
  --input-bg: #1B1B1B;          /* “field” nas telas de configuração */
  --code: #161616;              /* 1.14: bloco de código e JSON de exemplo (Rota de API) */

  --text: #FFFFFF;
  --text-2: #D4D4D4;
  --muted: #A3A3A3;
  --faint: #8E8E8E;
  --accent-text: #B7A6F0;
  /* Carta estelar (páginas de erro, 1.163): fundo do espaço, rotas e peças */
  --carta-bg: #111114;
  --carta-grid: rgba(255, 255, 255, .028);
  --carta-star: #FFFFFF;
  --carta-band: rgba(140, 114, 219, .09);
  --carta-route: #8C72DB;
  --carta-alt: #5CC4BA;
  --carta-trail: #4A4462;
  --carta-off: #34343B;
  --carta-ink: #FFFFFF;
  --carta-shield: rgba(140, 114, 219, .07);
  --carta-panel: #1D1D23;

  --inverse-bg: #FFFFFF;         /* toast e tooltip invertem o tema */
  --inverse-fg: #1B1B1B;
  --overlay: rgba(10, 10, 10, .62);
  --overlay-soft: rgba(10, 10, 10, .42);   /* véu da ficha do cliente por cima da lista (1.28) */
  --overlay-busca: rgba(10, 10, 10, .34);  /* véu da busca global: mais leve, o blur faz o resto */
  --flight-lock: rgba(10, 10, 10, .22);

  --shadow-card: 0 1px 0 rgba(0,0,0,.2);
  --shadow-card-hover: 0 12px 28px rgba(0,0,0,.38);
  --shadow-menu: 0 18px 40px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3);
  --shadow-dialog: 0 40px 90px rgba(0,0,0,.6), 0 12px 28px rgba(0,0,0,.35);
  --shadow-ghost: 0 30px 60px rgba(0,0,0,.55), 0 10px 20px rgba(0,0,0,.35);
  --shadow-tooltip: 0 10px 26px rgba(0,0,0,.32), 0 2px 6px rgba(0,0,0,.18);
  --shadow-knob: 0 1px 3px rgba(0,0,0,.3);
  --shadow-context-target: 0 18px 40px rgba(0,0,0,.45), 0 0 0 4px var(--accent-12); /* card alvo do menu de contexto */
  --shadow-group-fly: 0 24px 48px rgba(0,0,0,.35);   /* meio do voo em grupo */
  --shadow-row-drag: 0 18px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.08); /* cópia da linha arrastada */
  --shadow-select-box: 0 2px 6px rgba(0,0,0,.25);    /* caixa de seleção do card */
  --shadow-count-badge: 0 4px 12px rgba(0,0,0,.35);  /* selo +N do arrasto em grupo */

  /* tons: fundo (bg), texto (fg) e ponto/sólido (dot) para cada uma das 20 cores */
  --tone-green-bg: rgba(143,216,106,0.15);
  --tone-green-fg: #A8E48A;
  --tone-green-dot: #8FD86A;
  --tone-mint-bg: rgba(127,209,168,0.16);
  --tone-mint-fg: #ACE1C6;
  --tone-mint-dot: #7FD1A8;
  --tone-teal-bg: rgba(92,196,186,0.16);
  --tone-teal-fg: #8FDDD5;
  --tone-teal-dot: #5CC4BA;
  --tone-cyan-bg: rgba(86,185,217,0.16);
  --tone-cyan-fg: #91D2E6;
  --tone-cyan-dot: #56B9D9;
  --tone-blue-bg: rgba(114,162,218,0.16);
  --tone-blue-fg: #9BBDE6;
  --tone-blue-dot: #72A2DA;
  --tone-vivid-bg: rgba(47,124,246,0.18);
  --tone-vivid-fg: #7FB0FA;
  --tone-vivid-dot: #2F7CF6;
  --tone-indigo-bg: rgba(124,139,224,0.16);
  --tone-indigo-fg: #AAB4EB;
  --tone-indigo-dot: #7C8BE0;
  --tone-purple-bg: rgba(140,114,219,0.18);
  --tone-purple-fg: #B7A6F0;
  --tone-purple-dot: #8C72DB;
  --tone-violet-bg: rgba(176,124,224,0.16);
  --tone-violet-fg: #CCAAEB;
  --tone-violet-dot: #B07CE0;
  --tone-pink-bg: rgba(224,122,180,0.16);
  --tone-pink-fg: #F0A6D0;
  --tone-pink-dot: #E07AB4;
  --tone-rose-bg: rgba(232,136,154,0.16);
  --tone-rose-fg: #F0B2BD;
  --tone-rose-dot: #E8889A;
  --tone-red-bg: rgba(224,108,117,0.16);
  --tone-red-fg: #F09AA1;
  --tone-red-dot: #E06C75;
  --tone-coral-bg: rgba(232,134,106,0.16);
  --tone-coral-fg: #F0B09E;
  --tone-coral-dot: #E8866A;
  --tone-orange-bg: rgba(219,134,72,0.16);
  --tone-orange-fg: #EBA676;
  --tone-orange-dot: #DB8648;
  --tone-amber-bg: rgba(224,164,78,0.16);
  --tone-amber-fg: #EBC48C;
  --tone-amber-dot: #E0A44E;
  --tone-yellow-bg: rgba(226,194,91,0.16);
  --tone-yellow-fg: #EBD48A;
  --tone-yellow-dot: #E2C25B;
  --tone-lime-bg: rgba(181,217,90,0.16);
  --tone-lime-fg: #CFE694;
  --tone-lime-dot: #B5D95A;
  --tone-olive-bg: rgba(169,168,90,0.16);
  --tone-olive-fg: #C7C694;
  --tone-olive-dot: #A9A85A;
  --tone-brown-bg: rgba(176,138,106,0.16);
  --tone-brown-fg: #CCB39E;
  --tone-brown-dot: #B08A6A;
  --tone-slate-bg: rgba(126,149,168,0.16);
  --tone-slate-fg: #ABBAC6;
  --tone-slate-dot: #7E95A8;
  --tone-gray-bg: rgba(142,142,142,0.16);
  --tone-gray-fg: #C4C4C4;
  --tone-gray-dot: #8E8E8E;
}

/* ==========================================================================
   Tema claro
   ========================================================================== */
[data-theme="light"] {
  /* Gráficos dos Relatórios (1.34) */
  --chart-made: #5E93D2;
  --chart-done: #5CB032;
  --chart-late: #DB5A65;
  --chart-slow: #C98A2E;
  --chart-neutral: #6F879B;
  --chart-none: #B5B5B0;
  --chart-prev: #767676;
  --chart-grid: #EAEAE6;
  --chart-hatch-ink: rgba(255,255,255,.55);
  color-scheme: light;
  --page: #F4F4F1;
  --rail: #EBEBE7;
  --panel: #F9F9F7;
  --surface: #FFFFFF;
  --mini: #ECECE8;
  --chip: #F4F4F1;
  --dialog: #FFFFFF;
  --sheet: #FFFFFF;
  --sheet-rail: #F6F6F3;
  --menu: #FFFFFF;
  --dock: #FFFFFF;
  --hover: #EFEFEB;
  --hover-glide: rgba(0,0,0,.085);
  --hover-glide-over: rgba(0,0,0,.065);
  --scroll-thumb: rgba(128,128,128,.42);
  --note-bg: rgba(226,194,91,.16);
  --note-border: rgba(176,140,30,.5);
  --note-fg: #6B5510;
  --bulk-bar-bg: #1B1B1B;
  --bulk-bar-fg: #FFFFFF;
  --reminder-fg: #7A5E08;
  --reminder-bg: rgba(226,194,91,.22);
  --toast-action-bg: #333333;
  --unread-bg: #E06C75;
  --tag: #EFEFEB;
  --kbd: #EFEFEB;
  --border: #E2E2DE;
  --border-hover: #CDCDC8;
  --switch-off: #E2E2DE;     /* 1.100: igual ao --border do claro */
  --line: #E6E6E2;
  --dashed: #C2C2BD;
  --input-bg: #F9F9F7;
  --code: #F4F4F1;

  --text: #1B1B1B;
  --text-2: #303030;
  --muted: #5F5F5F;
  --faint: #767676;
  --accent-text: #5E43B8;
  /* Carta estelar (1.163): no claro vira carta astronômica em papel */
  --carta-bg: #F4F4F1;
  --carta-grid: rgba(27, 27, 27, .05);
  --carta-star: #9A98A8;
  --carta-band: rgba(124, 139, 224, .13);
  --carta-route: #7558CC;
  --carta-alt: #4FB3A9;
  --carta-trail: #D6CFEC;
  --carta-off: #DAD8D2;
  --carta-ink: #1B1B1B;
  --carta-shield: rgba(117, 88, 204, .06);
  --carta-panel: #1B1B1F;

  --inverse-bg: #1B1B1B;
  --inverse-fg: #FFFFFF;
  --overlay: rgba(27, 27, 27, .28);
  --overlay-soft: rgba(27, 27, 27, .18);
  --overlay-busca: rgba(27, 27, 27, .12);
  --flight-lock: rgba(27, 27, 27, .10);

  --shadow-card: 0 1px 2px rgba(27,27,27,.05);
  --shadow-card-hover: 0 12px 28px rgba(27,27,27,.09);
  --shadow-menu: 0 18px 40px rgba(27,27,27,.14), 0 2px 6px rgba(27,27,27,.06);
  --shadow-dialog: 0 40px 90px rgba(27,27,27,.18), 0 12px 28px rgba(27,27,27,.08);
  --shadow-ghost: 0 30px 60px rgba(27,27,27,.22), 0 10px 20px rgba(27,27,27,.10);
  --shadow-tooltip: 0 10px 26px rgba(0,0,0,.32), 0 2px 6px rgba(0,0,0,.18);
  --shadow-knob: 0 1px 3px rgba(0,0,0,.3);
  --shadow-context-target: 0 18px 40px rgba(0,0,0,.18), 0 0 0 4px var(--accent-12);
  --shadow-group-fly: 0 24px 48px rgba(0,0,0,.35);
  --shadow-row-drag: 0 18px 40px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.06);
  --shadow-select-box: 0 2px 6px rgba(0,0,0,.25);
  --shadow-count-badge: 0 4px 12px rgba(0,0,0,.35);

  --tone-green-bg: rgba(111,191,72,0.26);
  --tone-green-fg: #2F6416;
  --tone-green-dot: #5CB032;
  --tone-mint-bg: rgba(127,209,168,0.2);
  --tone-mint-fg: #406854;
  --tone-mint-dot: #7FD1A8;
  --tone-teal-bg: rgba(92,196,186,0.26);
  --tone-teal-fg: #1A5F58;
  --tone-teal-dot: #2FA397;
  --tone-cyan-bg: rgba(86,185,217,0.2);
  --tone-cyan-fg: #2B5C6C;
  --tone-cyan-dot: #56B9D9;
  --tone-blue-bg: rgba(114,162,218,0.24);
  --tone-blue-fg: #22518A;
  --tone-blue-dot: #5E93D2;
  --tone-vivid-bg: rgba(47,124,246,0.16);
  --tone-vivid-fg: #1D4FA8;
  --tone-vivid-dot: #2F7CF6;
  --tone-indigo-bg: rgba(124,139,224,0.2);
  --tone-indigo-fg: #3E4670;
  --tone-indigo-dot: #7C8BE0;
  --tone-purple-bg: rgba(140,114,219,0.22);
  --tone-purple-fg: #5239A8;
  --tone-purple-dot: #7E62D6;
  --tone-violet-bg: rgba(176,124,224,0.2);
  --tone-violet-fg: #583E70;
  --tone-violet-dot: #B07CE0;
  --tone-pink-bg: rgba(224,122,180,0.24);
  --tone-pink-fg: #8C2862;
  --tone-pink-dot: #DA66A8;
  --tone-rose-bg: rgba(232,136,154,0.2);
  --tone-rose-fg: #74444D;
  --tone-rose-dot: #E8889A;
  --tone-red-bg: rgba(224,108,117,0.22);
  --tone-red-fg: #952B37;
  --tone-red-dot: #DB5A65;
  --tone-coral-bg: rgba(232,134,106,0.2);
  --tone-coral-fg: #744335;
  --tone-coral-dot: #E8866A;
  --tone-orange-bg: rgba(219,134,72,0.24);
  --tone-orange-fg: #82400E;
  --tone-orange-dot: #D57A36;
  --tone-amber-bg: rgba(224,164,78,0.2);
  --tone-amber-fg: #705227;
  --tone-amber-dot: #E0A44E;
  --tone-yellow-bg: rgba(226,194,91,0.3);
  --tone-yellow-fg: #6B5510;
  --tone-yellow-dot: #C29A2A;
  --tone-lime-bg: rgba(181,217,90,0.2);
  --tone-lime-fg: #5A6C2D;
  --tone-lime-dot: #B5D95A;
  --tone-olive-bg: rgba(169,168,90,0.2);
  --tone-olive-fg: #54542D;
  --tone-olive-dot: #A9A85A;
  --tone-brown-bg: rgba(176,138,106,0.2);
  --tone-brown-fg: #584535;
  --tone-brown-dot: #B08A6A;
  --tone-slate-bg: rgba(126,149,168,0.2);
  --tone-slate-fg: #3F4A54;
  --tone-slate-dot: #7E95A8;
  --tone-gray-bg: rgba(142,142,142,0.22);
  --tone-gray-fg: #404040;
  --tone-gray-dot: #7E7E7E;
}